<!--
 * @Description: 
 * @Author: 赵大壮
 * @Date: 2022-07-04 09:50:51
 * @LastEditTime: 2022-07-04 15:04:06
 * @LastEditors: 赵大壮
-->
<template>
    <div class="w-full h-full flex flex-col">
        <div class="w-full flex flex-row justify-between">
            <div class="flex flex-row ">
                <el-input placeholder="请输入内容" clearable prefix-icon="el-icon-search" v-model="s_inves.m_inv.name"
                    @clear="action_list_inv">
                </el-input>
                <el-button type="primary" class=" bg-cmain_hover ml-w10" @click="action_list_inv">搜索</el-button>
            </div>
            <el-button type="primary" class=" bg-cmain_hover ml-w10" icon="el-icon-plus" @click="action_page_add('')">
                添加调查问卷</el-button>
        </div>
        <div class="w-full h-full mt-w20 ">
            <el-table :data="s_inves.list_inv" stripe style="width: 100%; " height="700">
                <el-table-column type="index" label="序号" min-width="5%">
                </el-table-column>
                <el-table-column prop="name" label="问卷名称" min-width="15%">
                </el-table-column>
                <el-table-column prop="listCoverUrl" label="列表封面" min-width="10%">
                    <template slot-scope="scope">
                        <el-image style="width: 60px; height: 60px" :src="scope.row.listCoverUrl" lazy>
                        </el-image>
                    </template>
                </el-table-column>
                <el-table-column prop="baseTemplateName" label="基本信息模板" min-width="15%">
                </el-table-column>
                <el-table-column prop="questionTemplateName" label="问卷问题模板" min-width="15%">
                </el-table-column>
                <el-table-column prop="assessName" label="关联量表" min-width="15%">
                </el-table-column>
                <el-table-column label="二维码" min-width="15%">
                    <template slot-scope="scope">
                        <el-image class=" w-w80 h-w80" :src="scope.row.erCordUrl"
                            :preview-src-list="[scope.row.erCordUrl]">
                        </el-image>
                    </template>
                </el-table-column>
                <el-table-column label="操作" min-width="10%">
                    <template slot-scope="scope">
                        <el-button size="mini" @click="action_page_add(scope.row.id)">
                            详情</el-button>
                        <el-button size="mini" style="background-color:#F56C6C" type="danger"
                            @click="action_del_inv(scope.row.id)">
                            删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
            <div class="w-full flex items-end justify-center" style="height:7%">
                <el-pagination background layout="prev, pager, next" :total="s_inves.m_page.total"
                    :page-size="s_inves.m_page.limit" @current-change="action_page_change">
                </el-pagination>
            </div>
        </div>
    </div>
</template>

<script src="./Index.ts"></script>
<style src="./Index.less" lang="less" scoped></style>
